<template>
  <view class="classLayout pageBg">
    <custom-nav-bar title="分类"></custom-nav-bar>
    <view class="classify">
      <theme-item
        v-for="item in classifyList"
        :key="item._id"
        :item="item"
      ></theme-item>
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue";
import { onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
import { apiGetClassify } from "../../api/apis";
const classifyList = ref([]);
const getClassify = async () => {
  let res = await apiGetClassify({
    pageSize: 15,
  });
  classifyList.value = res.data;
};
getClassify();

//分享给好友
onShareAppMessage((e) => {
  return {
    title: "咸虾米壁纸，精选分类",
    path: "/pages/classify/classify",
  };
});

//分享朋友圈
onShareTimeline(() => {
  return {
    title: "咸虾米壁纸，好看的手机壁纸",
  };
});
</script>

<style lang="scss" scoped>
.classify {
  padding: 30rpx;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15rpx;
}
</style>
